<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="renderer" content="webkit">

        <title>数据分析展示界面</title>

        <script type="text/javascript" src="./resources/js/contants.js"></script>

        <link href="./resources/css/bootstrap.min.css" rel="stylesheet">
        <link href="./resources/css/font-awesome.min.css" rel="stylesheet">
        <link href="./resources/css/style.min.css" rel="stylesheet">
        <link href="./resources/css/dateRange.css" rel="stylesheet">
        <link rel="stylesheet" href="./resources/css/layer.css" id="layui_layer_skinlayercss" style="">
        <link rel="stylesheet" href="./resources/css/layer.ext.css" id="layui_layer_skinlayercss" style="">
        <link rel="stylesheet" href="./resources/css/style.css" id="layui_layer_skinlayercss" style="">
        <style type="text/css">
            .fixed-nav .slimScrollDiv #side-menu {
                padding-bottom: 60px;
            }
        </style>
    </head>

<body class="fixed-sidebar full-height-layout gray-bg  pace-done">
    <div id="wrapper">
        <!--左侧导航开始-->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="nav-close">
                <i class="fa fa-times-circle"></i>
            </div>
            <div class="slimScrollDiv" style="position: relative; width: auto; height: 100%; ">
                <div class="sidebar-collapse" style="width: auto; height: 100%; ">
                    <ul class="nav" id="side-menu">
                        <li class="nav-header">
                            <div class="dropdown profile-element">
                                <span><img alt="image" class="img-circle" src="./resources/pic/logo.jpg"></span>
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#" aria-expanded="false">
                                    <span class="clear">
                                   <span class="block m-t-xs"><strong class="font-bold">admin</strong></span>
                                    <span class="text-muted text-xs block">超级管理员<b class="caret"></b></span>
                                    </span>
                                </a>
                                <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                    <li>
                                        <a href="./login.html">安全退出</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="active">
                            <a class="J_menuItem" href="pages/first_page.html" data-index="0">
                                <i class="fa fa-home"></i>
                                <span class="nav-label">首页</span>
                            </a>
                        </li>
                        <li class="">
                            <a href="#">
                                <i class="fa fa-user"></i>
                                <span class="nav-label">用户基本信息分析</span>
                                <span class="fa arrow"></span>
                            </a>
                            <ul class="nav nav-second-level collapse" aria-expanded="true" style="">
                                <li>
                                    <a class="J_menuItem" href="./pages/userBehaviorUsers.html" data-index="10">用户分析</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/userBehaviorMembers.html" data-index="11">会员分析</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/userBehaviorSessions.html" data-index="12">会话分析</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/userBehaviorHourly.html" data-index="13">Hourly分析</a>
                                </li>
                            </ul>
                        </li>

						<li class="">
                            <a class="J_menuItem" href="./pages/browser.html" data-index="20">
                                <i class="fa fa-laptop"></i>
                                <span class="nav-label">浏览器分析</span>
                                <span class="fa arrow"></span>
                            </a>
                            <ul class="nav nav-second-level collapse" aria-expanded="true" style="">
                                <li>
                                    <a class="J_menuItem" href="./pages/browserUsers.html" data-index="21">浏览器统访客分析</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/browserMembers.html" data-index="22">浏览器会员分析</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/browserSessions.html" data-index="23">浏览器会话分析</a>
                                </li>
                                <li>
                                    <a class="J_menuItem" href="./pages/browserPv.html" data-index="23">浏览器PV分析</a>
                                </li>
                            </ul>
                        </li>  
                                              
						<li class="">
                            <a class="J_menuItem" href="./pages/location.html" data-index="30">
                                <i class="fa fa-location-arrow"></i>
                                <span class="nav-label">地域分析</span>
                                <span class="fa arrow"></span>
                            </a>
                            <ul class="nav nav-second-level collapse" aria-expanded="true" style="">
                                <li>
                                    <a class="J_menuItem" href="./pages/locationVisits.html" data-index="31">跳出率分析</a>
                                </li>
                            </ul>
                        </li>
						
						<li class="">
                            <a class="J_menuItem" href="./pages/visitDepth.html" data-index="40">
                                <i class="fa fa-eye"></i>
                                <span class="nav-label">浏览深度分析</span>
                            </a>
                        </li>

						<li class="">
                            <a class="J_menuItem" href="./pages/inbound.html" data-index="50">
                                <i class="fa fa-search"></i>
                                <span class="nav-label">搜索引擎分析</span>
                                <span class="fa arrow"></span>
                            </a>
                            <ul class="nav nav-second-level collapse" aria-expanded="true" style="">
                                <li>
                                    <a class="J_menuItem" href="./pages/inboundVisits.html" data-index="51">跳出率分析</a>
                                </li>
                            </ul>
                        </li>   

						<li class="">
                            <a class="J_menuItem" href="./pages/event.html" data-index="60">
                                <i class="fa fa-eye"></i>
                                <span class="nav-label">事件分析</span>
                            </a>
                        </li>                                             

						<li class="">
                            <a class="J_menuItem" href="./pages/order.html" data-index="70">
                                <i class="fa fa-eye"></i>
                                <span class="nav-label">订单分析</span>
                            </a>
                        </li>                                             
                    </ul>
                </div>
                <div class="slimScrollBar" style="background-color: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; z-index: 99; right: 1px; height: 344.27390791027153px; background-position: initial initial; background-repeat: initial initial; "></div>
                <div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-color: rgb(51, 51, 51); opacity: 0.9; z-index: 90; right: 1px; background-position: initial initial; background-repeat: initial initial; "></div>
            </div>
        </nav>
        <!--左侧导航结束-->
        <!--右侧部分开始-->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="row content-tabs">
                <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i></button>
                <nav class="page-tabs J_menuTabs">
                    <div class="page-tabs-content" style="margin-left: 0px; ">
                        <a href="javascript:;" class="J_menuTab active" data-id="pages/first_page.html">首页<i class="fa fa-times-circle"></i></a>
                    </div>
                </nav>
                <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i></button>
                <button class="roll-nav roll-right dropdown J_tabClose"><span class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">关闭操作<span class="caret"></span></span>
                    <ul role="menu" class="dropdown-menu dropdown-menu-right">
                        <li class="J_tabCloseAll"><a>关闭全部选项卡</a></li>
                        <li class="J_tabCloseOther"><a>关闭其他选项卡</a></li>
                    </ul>
                </button>
                <a href="./login.html" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
            </div>
            <div class="row J_mainContent" id="content-main">
                <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="pages/first_page.html" frameborder="0" data-id="pages/first_page.html" seamless=""></iframe>
            </div>
            <div class="footer">
                <div class="pull-left">© website</div>
            </div>
        </div>
        <!--右侧部分结束-->
    </div>

    <!-- 全局js -->
    
    <script type="text/javascript" src="./resources/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="./resources/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./resources/js/jquery.metisMenu.js"></script>
    <script type="text/javascript" src="./resources/js/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="./resources/js/layer.js"></script>
    <script type="text/javascript" src="./resources/js/dateRange.js"></script>

    <!-- 自定义js -->
    <script type="text/javascript" src="./resources/js/hplus.min.js"></script>
    <script type="text/javascript" src="./resources/js/contabs.min.js"></script>

    <!-- 第三方插件 -->

    <script type="text/javascript" src="./resources/js/pace.min.js"></script>

</body></html>